import React from "react";
import ReactDOM from "react-dom";

const a = 10;
// var my = < h1 > yoyo < /h1>;
let str = "hell-china";
let title = "999";
let boo = true;
const h1 = < h1 > huohuo < /h1>;
var arr = [ < h3 > 我是h3 < /h3>, <h4>我是h4</h
    4 >
];
var arrStr = ["kobe", "james", "lilad", "harden"];
let nameArr = [];
arrStr.forEach((item) => {
    const temp = < h5 key = { item } > { item } < /h5>;
    nameArr.push(temp);
});
let res = arrStr.map((item) => {
    return item + "~~";
});
console.log(res);
ReactDOM.render( <
    div > { h1 } <
    hr > < /hr> { a + 2 } <
    hr > < /hr> { str } <
    hr > < /hr> { boo ? "真" : "假" } <
    hr > < /hr> <
    span title = { title } > { /*  */ }
    p标签 < i > 我是icon < /i> <
    /span> <
    hr > < /hr> { /* {arr} */ } <
    hr > < /hr> { nameArr } <
    hr > < /hr> {
        arrStr.map((item) => ( <
            h3 key = { item } > { item } < /h3>
        ))
    } <
    /div>,
    document.getElementById("app")
);